///一、借阅排行--图书和标记切换动效
function rank_book(){
    var index=0;///定义一个循环的索引
    var rank_flags=$('.rank_flag');//获得所有的标记  bounceOut
    $('#rank_books>img:eq(0)').addClass('animated bounceIn show').removeClass('hide').siblings().addClass('hide');
    $('.flag_left_top').css('backgroundImage','url(static/images/rank/blue_left.png)');
    setInterval(function() {
        $('#rank_books>img:eq(' + index + ')').addClass('animated bounceIn show').removeClass('hide').siblings().addClass('hide');
        rank_flags.each(function (i, e) {
            if ($(e).data('flag') == index){
                if($(e).data('flag')==1||$(e).data('flag')==2||$(e).data('flag')==3){
                    $(e).css('backgroundImage','url(static/images/rank/blue_right.png)').siblings('.rank_flag_left').css('backgroundImage','url(static/images/rank/green_left.png)');
                    $(e).siblings('.rank_flag_right').css('backgroundImage','url(static/images/rank/green_right.png)');
                }else{
                    $(e).css('backgroundImage','url(static/images/rank/blue_left.png)').siblings('.rank_flag_left').css('backgroundImage','url(static/images/rank/green_left.png)');
                    $(e).siblings('.rank_flag_right').css('backgroundImage','url(static/images/rank/green_right.png)');
                }
            }
        });
        if(index<5){
            index++;
        }else{
            index=0;
        }
        //console.log(index);
        //setTimeout(function(){
        //    $('#polygon1').css('transform','scale(1.1)');
        //    $('#polygon6').css('transform','scale(1)');
        //    //$('#polygon1').css('opacity',0.8);
        //    //$('#polygon6').css('opacity',1);
        //    //$('#polygon5').css('opacity',1);
        //
        //
        //},1000);
        //setTimeout(function(){
        //    $('#polygon2').css('transform','scale(1.1)');
        //    $('#polygon1').css('transform','scale(1)');
        //    $('#polygon6').css('transform','scale(1)');
        //
        //    //$('#polygon2').css('opacity',0.7);
        //    //$('#polygon1').css('opacity',1);
        //
        //
        //},2000);
        //setTimeout(function(){
        //    $('#polygon3').css('transform','scale(1.1)');
        //    $('#polygon2').css('transform','scale(1)');
        //    $('#polygon1').css('transform','scale(1)');
        //    $('#polygon6').css('transform','scale(1)');
        //
        //    //$('#polygon3').css('opacity',0.6);
        //    //$('#polygon2').css('opacity',1);
        //
        //
        //},3000);
        //setTimeout(function(){
        //    $('#polygon4').css('transform','scale(1.1)');
        //    $('#polygon3').css('transform','scale(1)');
        //    $('#polygon2').css('transform','scale(1)');
        //    $('#polygon1').css('transform','scale(1)');
        //    $('#polygon6').css('transform','scale(1)');
        //    //$('#polygon4').css('opacity',0.5);
        //    //$('#polygon3').css('opacity',1);
        //
        //},4000);
        //setTimeout(function(){
        //    $('#polygon5').css('transform','scale(1.1)');
        //    $('#polygon4').css('transform','scale(1)');
        //    $('#polygon3').css('transform','scale(1)');
        //    $('#polygon2').css('transform','scale(1)');
        //    $('#polygon1').css('transform','scale(1)');
        //    $('#polygon6').css('transform','scale(1)');
        //
        //
        //    //$('#polygon5').css('opacity',0.4);
        //    //$('#polygon4').css('opacity',1);
        //
        //
        //},5000);
        setTimeout(function(){
            $('#polygon6').css('transform','scale(1.1)');
            //$('#polygon5').css('transform','scale(1)');
            //$('#polygon4').css('transform','scale(1)');
            //$('#polygon3').css('transform','scale(1)');
            //$('#polygon2').css('transform','scale(1)');
            //$('#polygon1').css('transform','scale(1)');

            //$('#polygon6').css('opacity',0.3);
            //$('#polygon5').css('opacity',1);
            //

        },2000);
        setTimeout(function(){
            $('#polygon6').css('transform','scale(1)');
            //$('#polygon5').css('transform','scale(1)');
            //$('#polygon4').css('transform','scale(1)');
            //$('#polygon3').css('transform','scale(1)');
            //$('#polygon2').css('transform','scale(1)');
            //$('#polygon1').css('transform','scale(1)');

            //$('#polygon6').css('opacity',0.3);
            //$('#polygon5').css('opacity',1);
            //

        },2000);


    },3000);
}
///二、本馆风采--轮播图下面的跑马灯

////判断轮播的时图片还是视频
function select_style(){
    var flag=1;////默认标志为1说明是轮播图片，当为2时候说明轮播视频
    var str='';
    if(flag==1){
        str='<div class="swiper-wrapper">'+
            '<div class="swiper-slide"><img src="upload/00.jpg" alt="" title="" height="100%"/></div>'+
            '<div class="swiper-slide"><img src="upload/3.png" alt="" title="" /></div>'+
            '<div class="swiper-slide"><img src="upload/1.JPG" alt="" title="" /></div>'+
            '<div class="swiper-slide"><img src="upload/4.JPG" alt="" title="" /></div>'+
            '</div>';
        $('.swiper-container').html(str);
    }
    if(flag==2){
        str='<div id="banner_video_all"><video controls height="100%" id="banner_video_01"><source src="./flv.flv" type="video/flv"><source src="upload/chrome.mp4" type="video/mp4"></video></div>';
        $('.swiper-container').html(str);
        var vList = ['upload/chrome.mp4', 'upload/mp4.mp4']; // 初始化播放列表
        var vLen = vList.length;
        var curr = 0;
        var video = document.getElementById("banner_video_01");
        video.play();
        video.addEventListener('ended', function(){
            play();
        });
        function play() {
            video.src = vList[curr];
            video.load();
            video.play();
            curr++;
            if(curr >= vLen){
                curr = 0; //重新循环播放
            }

        }
    }
}
var my_style=document.querySelector(".swiper-container");
///全屏展示
//setTimeout(function() {
//    location.assign("http://localhost:63342/watchData/123.html");
//},3000);


function openfullscreen(){
        var isfull=true;
        var my_style=document.querySelector(".swiper-container");
    $(my_style).css({"border":"none","border-radius":"0,0,0,0"});
        if(my_style.requestFullScreen){
            console.log('真的可以全屏啊');
            my_style.requestFullScreen();
        }
        else if(my_style.webkitRequestFullScreen){
            my_style.webkitRequestFullScreen();
        }
        else if(my_style.mozRequestFullScreen){
            my_style.mozRequestFullScreen();
        }
        else if(my_style.msRequestFullScreen){
            my_style.msRequestFullScreen();
        }

}
function exitFullscreen(){
    //if(!isfull){
        /*退出全屏*/
        if(document.cancelFullScreen){
            document.cancelFullScreen();
        }
        else if(document.webkitCancelFullScreen){
            document.webkitCancelFullScreen();
        }
        else if(document.mozCancelFullScreen){
            document.mozCancelFullScreen();
        }
        else if(document.msCancelFullScreen){
            document.msCancelFullScreen();
        }

    //}


}


var lamp_index=0;
    var lis=$('#lamp>li').length;
    var flag=true;///定义一个标记来记录灯是变暗还是变亮，初始化true是变亮
    function lamp_run_light(){
        var timer_light= setInterval(function(){
            if(lamp_index<lis&&flag==true){
                $('#lamp>li:eq(' + lamp_index + ')').addClass('hight').removeClass('dim');
                //console.log(lamp_index+'变亮');
                lamp_index++;
            }else{
                clearInterval(timer_light);
                flag = false;///当所有的灯都变亮时候此时标记成false要倒退依次执行变暗
                lamp_index=lis-1;
            }
        },100);////当不符合条件时候此时lamp_index的值是lis的值

    }
    function lamp_run_dim(){
        var timer_dim=setInterval(function(){
            if (lamp_index>=0&&flag== false) {
                $('#lamp>li:eq(' + lamp_index + ')').addClass('dim').removeClass('hight');
                //console.log(lamp_index + '变暗');
                lamp_index--;
            } else {
                clearInterval(timer_dim);
                flag = true;///当倒退全部变暗时候就在此设置为true变亮标志
                lamp_index = 0;///设置索引从第一个灯开始依次变亮
            }
        },100);
    }
///三、借还书系统--上面天气渲染和日期更新
function weather_date(address){
    getweather(address);
    var timer = null;
    showTime();
    timer = setInterval(showTime,1000);//绑定计时器。一秒钟调用一次函数，动态刷新时间
}
////发ajax请求天气数据和日期显示
function getweather(p){
    $.ajax({
        url:"http://api.map.baidu.com/telematics/v3/weather",
        type:"get",
        data:{
            location:p,
            output:'json',
            ak:'6tYzTvGZSOpYB5Oc2YGGOKt8'
        },
        /*预期服务器端返回的数据类型，假设我现在跨域了，我就改成jsonp 就可以了 */
        dataType:"jsonp",
        success:function(data){
            var weatherData=data.results[0].weather_data;
            $("#kplace").text(p);
            //if(weatherData[0].weather.length!=undefined&&weatherData[0].weather.length>=6){
            //    $(".hw_left").width(10/192*w);
            //}
            $("#kpweather").text(weatherData[0].weather);
            $("#kptemp").text(weatherData[0].temperature);
        }
    })
}
function showTime() {
    var today = new Date(); //新建一个Date对象
    var date = today.getDate();//查询当月日期
    var day = today.getDay();//查询当前星期几
    var month = today.getMonth() + 1;//查询月份
    var year = today.getFullYear();//查询年份
    var hour = today.getHours();
    var min = today.getMinutes();
    var sec = today.getSeconds();
    var week = "";
    if (day == 0) week = '星期日';
    if (day == 1) week = '星期一';
    if (day == 2) week = '星期二';
    if (day == 3) week = '星期三';
    if (day == 4) week = '星期四';
    if (day == 5) week = '星期五';
    if (day == 6) week = '星期六';
    if(hour<10){
        hour='0'+hour;
    }
    if(min<10){
        min='0'+min;
    }
    if(sec<10){
        sec='0'+sec;
    }
    $('#kp_clock').html(year + "年" + month + "月" + date + "日 " + week);
    $('#t_h').html(hour + ":");
    $('#t_m').html( min );
    $('#t_s').html(sec);

}
////折线图数据统计
function mychart(){
    var myChart = echarts.init(document.getElementById('main3'));
    //var dataMax=0;
    //var dataMin=100000000;
    var flag=true;///来回切换ajax请求数据的标志
    var my_json;////具体请求ajax的文件名
    var seriesIndex=0;///有多条曲线定义一个索引记录是给哪条曲线赋值
    var oneTimer=null;///8点初始化后请求的数据，然后不断重绘的定时器
    var everyTimer=null;
    var option = {
        title : {
            //x:'center',
            //y:'top',
            //show:true,
            //text: '借出还入曲线图',
            ////subtext: '纯属虚构'
            textStyle: {
                fontSize: 16,
                //fontWeight: 'bolder',
                color: '#41a5ad'          // 主标题文字颜色
            },
            padding: [0,0,80,10],
        },
        tooltip : {
            trigger: 'axis',
            show:false
        },
        color:['#61cb5f','#e9a10e'],///这个数组是设置对应的图例的颜色
        legend: {
            right:30,////图例整体组件离右边的距离
            //bottom:20,
            top:4,//调节图例上下的间距
            x: 'center',
            //y: 'top',
            //padding: -1,
            orient:"horizontal",
            itemWidth:25,///设置图例组件整体的宽度
            itemHeight:10,////设置图例组件整体的高度
            data:[
                {name: '借出',
                    textStyle:{color:"#91a1ba",fontSize:16},
                    backgroundColor: '#60c960'
                },
                {name:'还入',
                    textStyle:{color:"#91a1ba",fontSize:16},
                    backgroundColor: '#c97d1f'
                }
            ],
            selected: {
                '借出' : true,
                '还入' : true
            },

        },
        toolbox: {
            show : false,
            feature : {
                mark : {show: true},
                dataView : {show: true, readOnly: false},
                magicType : {show: true, type: ['line', 'bar']},
                restore : {show: true},
                saveAsImage : {show: true}
            }
        },
        calculable : false,
        xAxis : [
            {
                type : 'category',
                axisTick: {///去除刻度线
                    show: false
                },
                axisLine: {///坐标轴的颜色
                    lineStyle: {color: '#1d5564'}
                },
                boundaryGap : false,
                //data : ['8:00','9:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00','18:00'],
                data:[],
                splitLine:{
                    show: true,//显示网格线
                    lineStyle:{
                        color: ['#1d5564'],//网格的颜色
                        width: 1,
                        type: 'solid'
                    }
                },
                axisLabel:{
                    interval: 0,////当x轴数据过多时候，echart默认是把中间的数据隐藏掉，此属性是用来设置完全显示不用隐藏
                    textStyle:{
                        color:"#91a1ba",
                        align : 'left',
                        fontSize: 14

                    }
                }
            }
        ],
        yAxis : [
            {
                type : 'value',
                //min: 100,///这里最大值和最小值可以不用写，会自动根据数据动态设置合理的最大值和最小值及刻度区间段
                //max: 600,
                //interval:50,
                axisTick: {//去除刻度线
                    show: false
                },
                axisLine: {///坐标轴的颜色
                    lineStyle: {color: '#1d5564'}
                },
                data : [0,100,200,300,400,500,600],
                splitLine:{
                    show: true,//去除网格线
                    lineStyle:{
                        color: ['#1d5564'],
                        width: 1,
                        type: 'solid'
                    }
                },
                axisLabel:{
                    textStyle:{
                        color:"#91a1ba",
                        //align : 'left',
                        fontSize: 14
                    }
                }
            }
        ],
        grid:{
            //x:40,
            //y:50,
            //x2:30,
            //y2:50
            x:'10%',
            y:'20%',
            x2:'10%',
            y2:'20%'

        },
        series : [
            {
                name:'借出',
                type:'line',
                barWidth :4,
                //data:[123,242,463,575,325,400,101,233,334,440,311],
                data:[],
                symbol: "circle",///设置折线拐点事实心圆，不是空心圆
                symbolSize: 8,//拐点大小
                smooth:true,///设置拐点线条比较平滑
                itemStyle : {
                    normal : {
                        label : {show: true},//设置显示每个拐点的数据
                        color:'#60c960',//设置折线拐点的颜色
                        //borderColor: "blue" , // 设置折线拐点边框的颜色，
                        lineStyle:{
                            color:'#60c960'///设置折线颜色
                        }

                    }
                }
            },
            {
                name:'还入',
                type:'line',
                barWidth :4,
                //data:[242,334,163,375,425,299,401,233,134,140,211],
                data:[],
                symbol: "circle",
                symbolSize: 8,//拐点大小
                smooth:true,///设置拐点线条比较平滑
                itemStyle : {
                    normal : {
                        label : {show: true},
                        color:'#c97d1f',//设置折线点的颜色
                        //borderColor: "blue" , // 设置折线拐点边框的颜色，
                        lineStyle:{
                            color:'#c97d1f'///设置折线颜色
                        }
                    }
                }
            }
        ],
        borderColor:'#215563',
    };
    $.ajax({
        type:'get',
        url:'static/json/more.json',
        //url:'static/json/little.json',
        dataType:'json',
        success:function(json){
            for(var k in json.data){////遍历lineData这个对象k是每一项的属性名 json.data[k]指的是对应的属性值是一个数组
                //console.log(json.data[k]);
                option.xAxis[0].data=[];//因为时间只需要读取一次就行了，所以每次循环对象时候这里要清空
                var lineData=json.data[k];
                $.each(lineData,function(i,e){///这里e就是每一个对象
                    option.series[seriesIndex].data.push(e.kp_value);///将每个点的数据值添加到折线数据数组中
                    option.xAxis[0].data.push(e.kp_time);
                });
                //var dataArr=option.series[seriesIndex].data;
                //var dataMaxTep=Math.max.apply(null,dataArr);///使用apply方法配合max方法传入数组求数组中的最大值
                //var dataMinTep=Math.min.apply(null,dataArr);
                //if(dataMax<dataMaxTep){
                //    dataMax=dataMaxTep;
                //}
                //if(dataMin>dataMinTep){
                //    dataMin=dataMaxTep;
                //}
                seriesIndex++;

            }
            //option.yAxis[0].max=dataMax;////修改y坐标轴的最大值 parseInt(dataMax/0.8);
            //option.yAxis[0].min=dataMin;////修改y坐标轴的最大值 parseInt(dataMax/0.8);
            //option.yAxis[0].interval=20;
            //console.log(option.yAxis[0].max);
            myChart.setOption(option);
            initTimer=setInterval(function(){
                myChart.clear();
                myChart.setOption(option);
            },8000);

        }
    });
    //setInterval(function(){
    //    seriesIndex=0;///因为这个索引是全局的第一次初始化之后数值已经累加了，等下一个时间点再去发请求的时候要重新清零重新赋值一遍
    //    if(oneTimer){
    //        clearInterval(oneTimer);///如果初始化的定时器还存在这里就清空
    //    }
    //    clearInterval(everyTimer);///如果初始化的定时器还存在这里就清空
    //    //flag=!flag;
    //    //if(flag==true){
    //    //    my_json='little.json';
    //    //}else{
    //    //    my_json='more.json';
    //    //}
    //    //$.ajax({
    //    //    type:'get',
    //    //    url:'static/json/little.json',
    //    //    //url:'static/json/'+my_json,
    //    //    dataType:'json',
    //    //    success:function(json){
    //    //        for(var k in json.data){////遍历lineData这个对象k是每一项的属性名 json.data[k]指的是对应的属性值是一个数组
    //    //            //console.log(json.data[k]);
    //    //            //option.xAxis[0].data=[];//因为时间只需要读取一次就行了，所以每次循环对象时候这里要清空
    //    //            var lineData=json.data[k];
    //    //            option.series[seriesIndex].data.push(lineData[0].kp_value);///将每个点的数据值添加到折线数据数组中
    //    //            if(seriesIndex==0){
    //    //                option.xAxis[0].data.push(lineData[0].kp_time);
    //    //            }
    //    //            //$.each(lineData,function(i,e){///这里e就是每一个对象
    //    //            //    option.series[seriesIndex].data.push(e.kp_value);///将每个点的数据值添加到折线数据数组中
    //    //            //    option.xAxis[0].data.push(e.kp_time);
    //    //            //});
    //    //            //var dataArr=option.series[seriesIndex].data;
    //    //            //var dataMaxTep=Math.max.apply(null,dataArr);///使用apply方法配合max方法传入数组求数组中的最大值
    //    //            //var dataMinTep=Math.min.apply(null,dataArr);
    //    //            //if(dataMax<dataMaxTep){
    //    //            //    dataMax=dataMaxTep;
    //    //            //}
    //    //            //if(dataMin>dataMinTep){
    //    //            //    dataMin=dataMaxTep;
    //    //            //}
    //    //            seriesIndex++;
    //    //
    //    //        }
    //    //        //option.yAxis[0].max=dataMax;////修改y坐标轴的最大值 parseInt(dataMax/0.8);
    //    //        //option.yAxis[0].min=dataMin;////修改y坐标轴的最大值 parseInt(dataMax/0.8);
    //    //        //option.yAxis[0].interval=20;
    //    //        //console.log(option.yAxis[0].max);
    //    //        myChart.setOption(option);
    //    //        everyTimer=setInterval(function(){
    //    //            myChart.clear();
    //    //            myChart.setOption(option);
    //    //        },8000);
    //    //
    //    //    }
    //    //});
    //},30000);
    return myChart;
}

///四、到馆统计--数字不断变化
///上面具体到馆数字变化
var initTimer;
var single_timer;
///上面到馆统计数字变化
function top_count_Move(){
    var count_Num1=parseInt($('#kp_count_num1').html());
    var count_Num2=parseInt($('#kp_count_num2').html());
    var count_Num3=parseInt($('#kp_count_num3').html());
    var options_top = {
        useEasing : true, //使用缓和效果
        useGrouping : true, //使用分组效果
        separator : ',', //分离器，数据够三位，例如100,000
        decimal : '.', //小数点分割，例如：10.00
        prefix : '', //第一位默认数字
        suffix : '' //最后一位默认数字
    };
    var demo_Num1 = new CountUp("kp_count_num1",0,276,0,2,options_top);
    demo_Num1.start();
    var demo_Num2= new CountUp("kp_count_num2",0,218,0,2,options_top);
    demo_Num2.start();
    var demo_Num3 = new CountUp("kp_count_num3",0,1568,0,2,options_top);
    demo_Num3.start();


}
///累计总计数字变化
function totalMove(){
    var total_bar_Num=parseInt($('#myTargetElementt').html());
    //console.log(total_bar_Num);
    var options_total = {
        useEasing : true,
        useGrouping : true,
        separator : ',',
        decimal : '.',
        prefix : '',
        suffix : ''
    };
    var demo_total = new CountUp("myTargetElementt",0,432626274,0,2.5,options_total);
    demo_total.start();
    $('.rectangle').animate({width:57+"%"},3000);

}

///借还书数字变化
function borrow_Move1(){
    var borrow_Num1=parseInt($('#myTargetElement').html());
    //console.log(typeof borrow_Num1);
    var options_borrow1 = {
        useEasing : true,
        useGrouping : true,
        separator : ',',
        decimal : '.',
        prefix : '',
        suffix : ''
    };
    var demo_borrow_Num1 = new CountUp("myTargetElement",0,89,0,2.5,options_borrow1);
    demo_borrow_Num1.start();
}
function borrow_Move2(){
    var borrow_Num2=parseInt($('#myTargetElement2').html());
    //console.log(typeof borrow_Num2);
    var options_borrow2 = {
        useEasing : true,
        useGrouping : true,
        separator : ',',
        decimal : '.',
        prefix : '',
        suffix : ''
    };
    var demo_borrow_Num2= new CountUp("myTargetElement2",0,289,0,2.5,options_borrow2);
    demo_borrow_Num2.start();



}
function borrow_Move3(){
    var borrow_Num3=parseInt($('#myTargetElement3').html());
    var options_borrow3 = {
        useEasing : true,
        useGrouping : true,
        separator : ',',
        decimal : '.',
        prefix : '',
        suffix : ''
    };
    var demo_borrow_Num3 = new CountUp("myTargetElement3",0,8560000,0,2.5,options_borrow3);
    demo_borrow_Num3.start();
}

////柱状图斜条条一根一根的增长
function white_run(){
    clearInterval(single_timer);////将初始化的白条增长的定时器清空
    var index1=0;///定义一个循环的索引判断白条增长的数量
    var index2=0;
    var index3=0;
    var base_num1=1000;
    var base_num=2000;///整个人数的基数
    var img_length= $('#box2_inner_inner1>img').length;/////白条的总数量
    //$('#kp_count_num1').html(100);///这个是后台监测到数据变化赋值到dom元素显示
    //$('#kp_count_num2').html(80);///这个是后台监测到数据变化赋值到dom元素显示
    //$('#kp_count_num3').html(900);///这个是后台监测到数据变化赋值到dom元素显示
    var count_num1=286;
    var count_num2=208;
    var count_num3=1586;
    var count_per1=parseInt(img_length*276/base_num1);////计算出来是应该涨几根，取整数
    var count_per2=parseInt(img_length*218/base_num1);////计算出来是应该涨几根，取整数
    var count_per3=parseInt(img_length*count_num3/base_num);////计算出来是应该涨几根，取整数
    console.log(count_per1);
    console.log(count_per2);
    //console.log(count_per3);
    single_timer=setInterval(function() {
        if(index1<count_per1){
            $('#box2_inner_inner1>img:eq(' + index1 + ')').addClass('show').removeClass('hide');
            index1++;
        }
        if(index2<count_per2){
            $('#box2_inner_inner2>img:eq(' + index2 + ')').addClass('show').removeClass('hide');
            index2++;
        }
        if(index3<count_per3){
            $('#box2_inner_inner3>img:eq(' + index3 + ')').addClass('show').removeClass('hide');
            index3++;
        }
    },50);
}

//实例化websocket对象
//    var websocket=new WebSocket('ws://localhost:3000');//参数是服务器地址，还有一个参数是自协议可以不写
//    //当服务器连接成功之后，监听建立连接
//    websocket.onopen=function(res){
//        console.log('连接成功');
//        //console.log(res);
//    };
//    //当服务器端数据发生变化时候，监听有新消息
//    websocket.onmessage=function(msg){
//        //console.log(typeof msg.data);//返回的时string类型要进行分割成数组
//        var newArr=msg.data.split(',')
//        var single_timer;
//        clearInterval(single_timer);////每次数据更新都要清除控制白条上涨的定时器
//        $('#box2_inner_inner1>img').addClass('hide').removeClass('show');////每次数据更新白条高度清零重新按照新数据动态增长
//        $('#box2_inner_inner2>img').addClass('hide').removeClass('show');
//        $('#box2_inner_inner3>img').addClass('hide').removeClass('show');
//
//        var index1=0;///定义一个循环的索引判断白条增长的数量
//        var index2=0;
//        var index3=0;
//        var base_num=300;///整个人数的基数
//        var img_length= $('#box2_inner_inner1>img').length;/////白条的总数量
//        $('#kp_count_num1').html(newArr[0]);///这个是后台监测到数据变化赋值到dom元素显示
//        $('#kp_count_num2').html(newArr[1]);///这个是后台监测到数据变化赋值到dom元素显示
//        $('#kp_count_num3').html(newArr[2]);///这个是后台监测到数据变化赋值到dom元素显示
//        var count_num1=newArr[0];
//        var count_num2=newArr[1];
//        var count_num3=newArr[2];
//        var count_per1=parseInt(img_length*count_num1/base_num);////计算出来是应该涨几根，取整数
//        var count_per2=parseInt(img_length*count_num2/base_num);////计算出来是应该涨几根，取整数
//        var count_per3=parseInt(img_length*count_num3/base_num);////计算出来是应该涨几根，取整数
//        //console.log(count_per1);
//        //console.log(count_per2);
//        //console.log(count_per3);
//        single_timer=setInterval(function() {
//            if(index1<count_per1){
//                $('#box2_inner_inner1>img:eq(' + index1 + ')').addClass('show').removeClass('hide');
//                index1++;
//            }
//            if(index2<count_per2){
//                $('#box2_inner_inner2>img:eq(' + index2 + ')').addClass('show').removeClass('hide');
//                index2++;
//            }
//            if(index3<count_per3){
//                $('#box2_inner_inner3>img:eq(' + index3 + ')').addClass('show').removeClass('hide');
//                index3++;
//            }
//        },50);
//    };

function white_run_init(){
    var index1= 0;
    var index2= 0;
    var index3= 0;
    initTimer=setInterval(function() {
        if(index1<9){
            $('#box2_inner_inner1>img:eq(' + index1 + ')').addClass('show').removeClass('hide');
            index1++;
        }
        if(index2<7){
            $('#box2_inner_inner2>img:eq(' + index2 + ')').addClass('show').removeClass('hide');
            index2++;
        }
        if(index3<24){
            $('#box2_inner_inner3>img:eq(' + index3 + ')').addClass('show').removeClass('hide');
            index3++;
        }
    },100);

}
///五、通知--文字无缝滚动
var arr=["超星数字图书馆为目前世界最大的中文在线数字图书馆，提供大量的电子图书资源提供阅读，其中包括文学、经济、计算机等五十余大类，数百万册电子图书，500 万篇论文，全文总量 13亿余页，数据总量1000000GB，大量免费电子图书，超16万集的学术视频，拥有超过35万授权作者，5300位名师，一千万注册用户并且每天仍在不断的增加与更新。为目前世界最大的中文在线数字图书馆。先进、成熟的超星数字图书馆技术平台和“超星阅览器”，给您提供各种读书所需功能。专为数字图书馆设计的PDG电子图书格式，具有很好的显示效果、适合在互联网上使用等优点。“超星阅览器”是国内目前技术最为成熟、创新点最多的专业阅览器，具有电子图书阅读、资源整理、网页采集、电子图书制作等一系列功能；图书馆是的重要传播地，在文化建设、教育发展中有着举足轻重的地位。但长期以来，由于经济条件的限制，我国图书馆事业比国外一直有比较大的差距。随着互联网时代的到来，数字图书馆的出现为中国的图书馆事业提供了一次难得的跨越式发展的机遇。 有了数字图书馆，偏僻山区、中国的西部等都可以和大城市的市民享有同样的阅读条件和教育机会，而且是24小时、没有等候的服务。借助于互联网的发展，数字图书馆同时克服了传统图书印数的限制，为更大范围的传播提供了便利，有研究者认为，数字图书馆重新发现了图书的价值。","通知：为了方便广大读者阅读，提升本图书馆服务质量，图书馆将于本周六对机房设施更新升级，更新期间，暂不开放服务。更新时间：周六上午九点到下午十八点",['讲座内容：“青少年心理健康”','讲座时间：2017年9月23日周六上午10:00','讲座地点：超星图书馆三楼多功能报告厅']];
var brr=["超星数字图书馆","通知公告","讲座预告"];
var index=0;
var ul_height;
var box_height;
var str;
var i=0;
function a(){
    i=0;
    console.log('每次进入的定时器'+i);
    ////每次定时器进来都清空内容
    if(index==2){
        str="<ul style='position: absolute;left:0;top:0;font-size:0.16rem;color: #4bc1fe;'><li style='width: 3.6rem;margin:0 auto 0.05rem 0.8rem;line-height: 0.26rem;'>"+arr[index][0]+"</li><li style='width: 3.6rem;margin:0 auto 0.05rem 0.8rem;line-height: 0.26rem;'>"+arr[index][1]+"</li><li style='width: 3.6rem;margin:0 auto 0.05rem 0.8rem;line-height: 0.26rem;'>"+arr[index][2]+"</li></ul>";
    }else{
        str="<ul style='position: absolute;left:0;top:0;font-size:0.16rem;color: #4bc1fe;'><li style='text-indent: 0.34rem;margin-bottom: 0.1rem;line-height: 0.26rem;'>"+arr[index]+"</li></ul>";
    }
    //var str1="<li style='text-indent: 0.32rem;margin-bottom: 0.1rem;'>"+arr[index]+"</li>";
    $(".notice_con_list").html(str);
    $('.notice_con_title').html(brr[index]);//赋值当前通知的标题
    $(".notice_con_list").css("position","relative");
    ul_height=$('.notice_con_list>ul').height();
    box_height=$('.notice_con_list').height();
//            console.log(index,ul_height);
    if($('.notice_con_list>ul').height()>$('.notice_con_list').height()){
        //$('.notice_con_list>ul').append(str1);
        var scrollTime=ul_height/10*1000;
        if(scrollTime>10000){
            i=parseInt(scrollTime/5000)+ul_height/17.5;
        }
        //console.log(scrollTime);
        $('.notice_con_list>ul').animate({top:-ul_height-30},scrollTime,"linear");
    }
    index++;
    if(index==arr.length){
        index=0;
    }
    setTimeout('a()',10000+i*1000);
}
a();

///六、今日推荐--书切换动效
function today_recommend(){
    var rec_index=1;
    var rec_img_legth=$('#recommend_con_book').find('img').length;
    var codeArr=[56,89,102];
    setInterval(function() {
        //rotateInDownLeft
        $('#recommend_con_book>img:eq(' + rec_index + ')').addClass('animated rotateIn show').removeClass('hide').siblings().addClass('hide');
        $('#two_code').html(codeArr[rec_index]);
        if(rec_index<rec_img_legth){
            rec_index++;
        }else{
            rec_index=0;
        }
    },8000);
}
////七、初始化自自适应分辨率
function page_init(){
    var whdef = 100/1920;// 表示1920的设计图,使用100PX的默认值
    var wH = window.innerHeight;// 当前窗口的高度
    var wW = window.innerWidth;// 当前窗口的宽度
    var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
    $('html').css('font-size', rem + "px");
    ///获取折线中的canvas标签，设置其大小随着窗口变化而变化,即随着main3的宽高变化而变化
    var canvas_width=$('#main3').width();
    var canvas_height=$('#main3').height();
    $('#main3>div').width(canvas_width);
    $('#main3>div').height(canvas_height);
    $('#main3>div>canvas').width(canvas_width);
    $('#main3>div>canvas').height(canvas_height);

}









